<!-- select -->
<div o-hover="hover" class="io-select {{size == 'large'? 'large': ''}} {{size == 'small'? 'small': ''}}" style="{{style}}" o-clickOut="hideOptions">
    <div class="select" on-click="switchOptions()">
        {{#if showOptions}}
        <i class="material-icons">{{{'&#xE5C7;'}}}</i>
        {{else}}
        <i class="material-icons">{{{'&#xE5C5;'}}}</i>
        {{/if}} 
        {{valueName}}
    </div>
    <div class="options {{showOptions ? 'show dropdown' : 'dropup'}} {{isTop ? 'top' : ''}} {{maxheight ? 'maxheight' : ''}}">
        <ul>
            <slot name="children" />
        </ul>
    </div>
</div>